<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../scripts/jquery/1.10.2/jquery.js"></script>
    <style>
        .main{
            width: 535px;
            margin: 0 auto;
        }

        .btn{
            border-radius: 50%;
            width: 120px;
            height: 120px;
            background: #259B24;
            color: #fff;
            text-align: center;
            line-height: 115px;
            font-size: 30px;
            cursor: pointer;
            margin: 0 auto;
        }
        .btn:hover{
            background: #057c04;;
        }
        .btn-hint{
            width: 300px;
            font-size: 14px;
            margin: 20px auto;
            color: #8c8c8c;
        }
        .amount{
            margin: 10px 0;
            padding: 10px;
            border-bottom: 1px solid #F7F7F7;
        }
        .amount-number{
            color: #3671CF;
            font-size: 16px;
        }
        .amount-label{
            color: #848484;
            font-size: 16px;
        }
    </style>
    <script>
        $(function () {
            $(".btn").click(function () {
                console.log("click");
            });
            $(document).bind("keydown", function (e) {
                if (e.keyCode === 119) {
                    console.log("F8");
                }
            });
        });
    </script>
</head>
<body>
    <div class="main">
        <div class="amount">
            <div class="" style="float:left;width: 170px;">
                <span class="amount-label">待处理工作量：</span><span class="amount-number">0</span>
            </div>
            <div class="" style="float:left;width: 170px;">
                <span class="amount-label">待处理工作量：</span><span class="amount-number">12</span>
            </div>
            <div class="" style="float:left;width: 170px;">
                <span class="amount-label">待处理工作量：</span><span class="amount-number">54</span>
            </div>
            <div style="clear: both;"></div>
        </div>
        <div class="btn">抢单</div>
        <div class="btn-hint">请单击"抢单"按钮或者按F8键获取待处理订单!</div>
    </div>
















</body>
</html>